layui.define(['form', 'laydate', 'table'], function (exports) {
    var form = layui.form;
    var laydate = layui.laydate;
    var table = layui.table;
    var resContentMainTable = null;
    // var accessType =${accessType};
    // console.log(accessType);
    //柱状图
    function queryHistogramDate(dateTime){
        $.ajax({
            url:Common.ctxPath+"/chart/trans/orderCharts.json",
            type:"POST",
            data:{dateTime:dateTime},
            success:function(res){
                if(res.code==0){
                    initHistogramDate(res)
                }

            }
        });
    }

    function initHistogramDate(res){
        Highcharts.chart('container', {
            chart: {
                type: 'line'
            },
            title: {
                text: '订单统计'
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                categories: res.data.categories
            },
            yAxis: {
                title: {
                    text: '订单数（笔）'
                }
            },
            plotOptions: {
                line: {
                    dataLabels: {
                        // 开启数据标签
                        enabled: true
                    },
                    // 关闭鼠标跟踪，对应的提示框、点击事件会失效
                    enableMouseTracking: false
                }
            },
            series: res.data.series

        });

        // Highcharts.chart('container',{
        //     chart: {
        //         type: 'column'
        //     },
        //     title: {
        //         text: res.data.dateTime+' 订单分布'
        //     },
        //     subtitle: {
        //         text: ''
        //     },
        //     xAxis: {
        //         categories: res.data.prov,
        //         crosshair: true
        //     },
        //     yAxis: {
        //         min: 0,
        //         title: {
        //             text: '订单数（单）'
        //         }
        //     },
        //     tooltip: {
        //
        //         // head + 每个 point + footer 拼接成完整的 table
        //         headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
        //         pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
        //             '<td style="padding:0"><b>{point.y} </b></td></tr>',
        //         footerFormat: '</table>',
        //         shared: true,
        //         useHTML: true
        //     },
        //     plotOptions: {
        //         column: {
        //             borderWidth: 0
        //         }
        //     },
        //     series:res.data.series
        // });
    }



    var view = {
        init: function () {
            this.initSearchForm();
            var dateTime = $("#dateTime").val();
            queryHistogramDate(dateTime);

        },

        initSearchForm: function () {
            $("#searchFormSearch").on('click', function() {
                var dateTime = $("#dateTime").val();
                if(dateTime==null||dateTime==''){
                    Common.info("请选择日期");
                    return;
                }
                queryHistogramDate(dateTime);
            });
        }
    }
    exports('orderIndex', view);

});
